<template>
    <div class="home-wrapper">
        <!-- <img style="width: 200px;" src="../assets/logo-red.png" alt=""> -->
        <div class="notice">
            <img class="pic" src="../assets/jiemian.png" alt="">
            <h1>欢迎进入实验室项目安全风险评估系统</h1>
            <!-- <h5 class="title"><i class="el-icon-message-solid"></i>通知</h5> -->
            <!-- <div class="content">
                <div class="box box-bg1">
                    <i class="icon el-icon-message-solid"></i>
                    <p>星标</p>
                </div>
                <div class="box box-bg2">
                    <i class="icon el-icon-message-solid"></i>
                    <p>已到期未结题项目</p>
                </div>
            </div> -->
        </div>
    </div>
</template>
<script>
</script>
<style lang="less" scoped>
.home-wrapper{
    padding: 10px;
    background: #fff;
    .notice{
        padding: 100px 0;
        text-align: center;
        h1{
            color: #333;
            font-size: 24px;
            margin: 40px 0;
        }
        .title{
            padding-left: 15px;
            font-size: 16px;
            font-weight: 100;
            line-height: 50px;
        }
        .content{
            display: flex;
            justify-content: space-between;
            // padding: 20px;
            .box{
                width: 50%;
                height: 80px;
                padding: 20px;
                border-radius: 4px;
                margin: 0 10px;
                color: #fff;
                display: flex;
                justify-content: space-between;
                .icon{
                    font-size: 28px;
                }
                p{
                    display: inline-block;
                    font-size: 28px;
                    margin-left: 20px;
                }
            }
            .box-bg1{
                background: linear-gradient(270deg, #ffa143 0%, #f27727 100%);
            }
            .box-bg2{
                background: linear-gradient(270deg, #3cd0ee 0%, #1ea5df 100%);
            }
        }
    }
}
</style>